.loader {
    color:#fff;
    position:fixed;
    box-sizing:border-box;
    left:-9999px;
    top:-9999px;
    width:0;
    height:0;
    overflow:hidden;
    z-index:999999
}
.loader:after,.loader:before {
    box-sizing:border-box
}
.loader.is-active {
    background-color:rgba(0,0,0,0.95);
    width:100%;
    height:100%;
    left:0;
    top:0
}
@keyframes rotation {
    from {
        transform:rotate(0)
    }
    to {
        transform:rotate(359deg)
    }
}@keyframes blink {
     from {
         opacity:.5
     }
     to {
         opacity:1
     }
 }.loader[data-text]:before {
      position:fixed;
      left:0;
      top:50%;
      color:currentColor;
      font-family:Helvetica,Arial,sans-serif;
      text-align:center;
      width:100%;
      font-size:14px
   }

@keyframes shake {
    5% {
        transform:translate3d(-1px, 0, 0)
    }
    10% {
        transform:translate3d(1px, 0, 0)
    }
    15% {
        transform:translate3d(-1px, 0, 0)
    }
    20% {
        transform:translate3d(1px, 0, 0)
    }
    25% {
        transform:translate3d(-1px, 0, 0)
    }
    30% {
        transform:translate3d(1px, 0, 0)
    }
    35% {
        transform:translate3d(-1px, 0, 0)
    }
    40% {
        transform:translate3d(1px, 0, 0)
    }
    45% {
        transform:translate3d(-1px, 0, 0)
    }
    50% {
        transform:translate3d(1px, 0, 0)
    }
    55% {
        transform:translate3d(-1px, 0, 0)
    }
}.loader-clock:before {
     content:'';
     position:fixed;
     width:120px;
     height:120px;
     left:50%;
     top:50%;
     border-radius:50%;
     overflow:hidden;
     margin:-60px 0 0 -60px;
     background:linear-gradient(to bottom, transparent 50%, #f5f5f5 50%),linear-gradient(90deg, transparent 55px, #2ecc71 55px, #2ecc71 65px, transparent 65px),linear-gradient(to bottom, #f5f5f5 50%, #f5f5f5 50%);
     box-shadow:0 0 0 10px #f5f5f5 inset,0 0 0 5px #555,0 0 0 10px #7b7b7b;
     animation:rotation infinite 2s linear
 }
.loader-clock:after {
    content:'';
    position:fixed;
    width:60px;
    height:40px;
    left:50%;
    top:50%;
    margin:-20px 0 0 -15px;
    border-radius:20px 0 0 20px;
    overflow:hidden;
    background:radial-gradient(circle at 14px 20px, #25a25a 10px, transparent 10px),radial-gradient(circle at 14px 20px, #1b7943 14px, transparent 14px),linear-gradient(180deg, transparent 15px, #2ecc71 15px, #2ecc71 25px, transparent 25px);
    animation:rotation infinite 24s linear;
    transform-origin:15px center
}
